body{
	background: #f5f5f5;
}
.jd_layout{
	width: 100%;
	/*最大宽度*/
	max-width: 640px;
	/*最小宽度*/
	min-width: 300px;
	/*水平居中显示*/
	margin: 0 auto;
	/*height: 2000px;*/
	/*background: red;*/
	position: relative;
}
/*搜索头部*/
.jd_header{
	width: 100%;
	height: 40px;
	/*background: red;*/
	/*固定在页面的顶部*/
	/*固定定位是以 window最外层容器作为定位计算*/
	position: fixed;
	left: 0;
	top: 0;
	/*显示在最上面*/
	z-index: 1000;
}
.jd_header>.jd_header_box{
	width: 100%;
	/*最大宽度*/
	max-width: 640px;
	/*最小宽度*/
	min-width: 300px;
	height: 40px;
	/*border: 2px solid #000;*/
	margin: 0 auto;
	/*带有透明度的背景色*/
	background: rgba(201,21,35,0.85);
	position: relative;
}
/*logo*/
.jd_header>.jd_header_box>.icon_logo{
	width: 60px;
	height: 36px;
	/*设置为块级元素*/
	/*display: block;*/
	position: absolute;
	top: 4px;
	left: 10px;
	/*border: 1px solid #000;*/
	/*background: url("../images/sprites.png") no-repeat;*/
	/*压缩图片*/
	/*background-size: 200px 200px;*/
	/*控制图片的位置*/
	background-position: 0 -103px;
}
/*登录按钮*/
.jd_header>.jd_header_box>.login{
	width: 50px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	/*文字垂直居中*/
	line-height: 40px;
	/*文字水平居中*/
	text-align: center;
	color: #fff;
	/*border: 1px solid #000;*/
	font-size: 15px;
}
/*中间部分的表单元素自适应屏幕的宽度*/
.jd_header>.jd_header_box>form{
	width: 100%;
	height: 40px;
	padding-left: 75px;
	padding-right: 50px;
	position: relative;
}
/*搜索框*/
.jd_header>.jd_header_box>form>input{
	width: 100%;
	height: 30px;
	border-radius: 15px;
	margin-top: 5px;
	padding-left: 30px;
}
/*放大镜*/
.jd_header>.jd_header_box>form>span{
	width: 20px;
	height: 20px;
	position: absolute;
	background-position: -60px -109px;
	top: 10px;
	left: 85px;
}
/*轮播图*/
.jd_banner{
	width: 100%;
	/*高度自动根据宽度作变化，所以不能指定高度的值*/
	/*height: 360px;*/
	/*border:1px solid #000;*/
	/*超出不显示*/
	overflow: hidden;
	/*相对定位*/
	position: relative;
}
/*图片*/
.jd_banner>ul:first-child{
	width: 1000%;
	/*应该显示“心中的”第一张*/
	/*ul整体往左边平移一张图片的宽度*/
	transform:translateX(-10%);
}
.jd_banner>ul:first-child>li{
	/*每个图片占1/8 1/10*/
	width: 10%;
	/*图片显示在同一行*/
	float: left;
}
.jd_banner>ul:first-child>li>a{
	width: 100%;
	/*变为块级元素*/
	display: block;
	/*总是多4个像素*/
	/*方法3：父元素的字体大小为0*/
	/*font-size: 0;*/
}
.jd_banner>ul:first-child>li>a>img{
	width: 100%;
	/*去除图片的下间距4px*/
	/*方法1：把图片设为块级元素*/
	display: block;
	/*方法2：设置垂直对齐为中部*/
	/*vertical-align: middle;*/
}
/*圆点*/
.jd_banner>ul:last-child{
	width: 118px;
	height: 6px;
	/*border: 2px solid blue;*/
	/*绝对定位*/
	position: absolute;
	bottom: 6px;
	left: 50%;
	margin-left: -59px;
}
/*8个圆点*/
.jd_banner>ul:last-child>li{
	width: 6px;
	height: 6px;
	border: 1px solid #fff;
	float: left;
	/*圆角*/
	border-radius: 3px;
	/*圆与圆之间有距离*/
	margin-left: 10px;
}
/*第一个圆点的左外边距是不需要的*/
.jd_banner>ul:last-child>li:nth-child(1){
	margin-left: 0;
}
/*当前选中的圆点*/
.jd_banner>ul:last-child>li.now{
	background: #fff;
}
/*导航栏模块*/
.jd_nav{
	width: 100%;
	background: #fff;
	/*下边框*/
	border-bottom: 1px solid #ccc;
}
.jd_nav>ul{
	width: 100%;
	padding: 10px 0;
	/*border: 2px solid red;*/
}
.jd_nav>ul>li{
	width: 25%;
	float: left;
	/*border: 1px solid red;*/
}
.jd_nav>ul>li>a{
	display: block;
	/*border: 1px solid blue;*/
}
.jd_nav>ul>li>a>img{
	width: 40px;
	height: 40px;
	display: block;
	/*水平居中*/
	margin: 0 auto;
}
.jd_nav>ul>li>a>p{
	text-align: center;
	color: #666;
	font-size: 12px;
	padding: 10px 0;
}
/*商品大盒子*/
.jd_product{
	padding: 0 5px;
}
/*设置4个小盒子*/
.jd_product>.product_box{
	background: #fff;
	margin-top: 10px;
	/*min-height: 300px;*/
	box-shadow: 2px 2px 5px #e0e0e0;
}
/*标题*/
.jd_product>.product_box>.product_box_tit{
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #e0e0e0;
}
/*第一个盒子的标题不需要下边框*/
.jd_product>.product_box>.product_box_tit.no_border{
	border-bottom: none;
}
.jd_product>.product_box>.product_box_tit>h3{
	/*去除默认的加粗效果*/
	font-weight: normal;
	font-size: 15px;
	padding-left: 20px;
	position: relative;
}
/*竖条，装饰性的东西可以用伪元素实现*/
.jd_product>.product_box>.product_box_tit>h3::before{
	content: "";
	width: 3px;
	height: 12px;
	display: block;
	background: #d8505c;
	position: absolute;
	left: 10px;
	top: 10px;
}
/*倒计时活动*/
/*图标*/
.jd_product>.product_box>.product_box_tit .sk_icon{
	background: url("../images/seckill-icon.png");
	/*压缩图片*/
	background-size: 16px 20px;
	width: 16px;
	height: 20px;
	display: block;
	float: left;
	margin-top: 6px;
}
/*文字*/
.jd_product>.product_box>.product_box_tit .sk_name{
	color: #d8505c;
	font-size: 15px;
	float: left;
}
/*倒计时*/
.jd_product>.product_box>.product_box_tit .sk_time{
	float: left;
	margin-top: 8px;
}
/*具体的时间信息*/
.jd_product>.product_box>.product_box_tit .sk_time>span{
	width: 20px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	display: block;
	background: #333;
	float: left;
	color: #fff;
	margin-left: 3px;
}
/*设置文字或:的span的样式*/
.jd_product>.product_box>.product_box_tit .sk_time>span:nth-child(2),
.jd_product>.product_box>.product_box_tit .sk_time>span:nth-child(5),
.jd_product>.product_box>.product_box_tit .sk_time>span:nth-child(8),
.jd_product>.product_box>.product_box_tit .sk_time>span:nth-child(11)
{
	background: #fff;
	color: #333;
	width: 10px;
}
/*倒计时活动产品*/
.jd_sk .product_box_con>ul{
	width: 100%;
	/*字体大小*/
	font-size: 12px;
	padding: 10px 0;
}
.jd_sk .product_box_con>ul>li{
	width: 33.33%;
	float: left;
	/*文字水平居中*/
	text-align: center;
}
.jd_sk .product_box_con>ul>li>a{
	width: 100%;
	display: block;
}
.jd_sk .product_box_con>ul>li>a>img{
	width: 64%;
	display: block;
	margin: 0 auto;
}
/*设置价格样式*/
.jd_sk .product_box_con>ul>li>p:first-of-type{
	color: #d8505c;
	padding-top: 5px;
}
.jd_sk .product_box_con>ul>li>p:last-of-type{
	color: #666;
	text-decoration: line-through;
	padding-top: 5px;
}
/*内容*/
.jd_product>.product_box>.product_box_con{
	
}